<template>
	<SlotsBase>
		<template v-slot:slot1>
			<div>
			<h3>
				插槽标题
			</h3>
			<p>插槽内容</p>
		</div>
		</template>
		<template v-slot:slot2>
			<div>
			<p>插槽内容2</p>
		</div>
		</template>
	</SlotsBase>
	<SlotsAttr v-slot="slotProps">
		<h3>{{message}}</h3>
		<p>{{slotProps.msg}}</p>
	</SlotsAttr>
</template>

<script>
import SlotsAttr from './SlotsAttr.vue';
import SlotsBase from "./SlotsBase.vue";
export default {
	data() {
		return {
			message:"父组件数据"
		}
	},
	components: {
		SlotsBase,
		SlotsAttr
	},
	methods: {

	}
}
</script>